<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
	<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" />
	<style type="text/css">
		html{height:100%}
		body{height:100%;margin:0px;padding:0px}
		#allmap{width: 100%;height: 100%;}
		#winContent{width:950px}
		.second,.third,.forth,.fifth{
            display: none;
        }
        #cont{
        	width: 100%;height: 100%;
        }
        #sub{width: 100px;margin-top: 25px}
	</style>
	<script type="text/javascript" src="/gradesign/js/jquery-3.2.1.js"></script>
	<script type="text/javascript" src="/gradesign/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="/gradesign/js/back/back_family_distribution.js"></script>
	<script type="text/javascript" src="/gradesign/js/yongqi.js"></script>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&amp;ak=LoGzWGFHG3tLBKXRffGTPt5TMLzBXPrn"></script>
	<script type="text/javascript" src="/gradesign/js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
	<script type="text/javascript" src="/gradesign/js/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
	<title>BaiduMap</title>
</head>
<body>
	<div id="searchResultPanel" style="border:1px solid #C0C0C0;width:150px;height:auto; display:none;"></div>
	<div id="cont">
		<div id="allmap"></div>
	</div>
	
</body>

<script type="text/javascript">
	// 百度地图API功能
	var map = new BMap.Map("allmap");    // 创建Map实例
	var gc = new BMap.Geocoder();
	// 初始化地图,设置中心点坐标和地图级别
	map.centerAndZoom(new BMap.Point(118.723572,32.211126), 11);  
	//鼠标放大缩小地图
	map.enableScrollWheelZoom(true)
	//地图样式
	var mapStyle={style:"mapbox"};
	map.setMapStyle(mapStyle);
	//创建控件
	var myZoom = new ZoomControl();
	//添加到地图中
	map.addControl(myZoom);
	map.addControl(new BMap.NavigationControl());
	map.addControl(new BMap.OverviewMapControl());
	//定义一个控件类
	function ZoomControl(){
		this.defaultAnchor = BMAP_ANCHOR_TOP_LEFT;		//anchor表示控件停靠在地图的哪个角
		this.defaultOffset = new BMap.Size(100,20);		//提供偏移量，用来指示控件距离地图边界相隔多少像素。 
	} 
	//添加覆盖点
	function addMark(lng,lat){
		var point = new BMap.Point(lng,lat);
		var marker = new BMap.Marker(point);
		map.addOverlay(marker);
	};
</script>
</html>